<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>门户首页</title>
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <script src="/wedding_admin/js/common.js"></script>
    <script src="/wedding_admin/js/jquery.min.js"></script>
    <script src="/wedding_admin/js/kendo/kendo.all.min.js"></script>
    <script src="/wedding_admin/js/jszip.min.js"></script>
    <script src="/wedding_admin/js/um/respond.min.js"></script>
    <script src="/wedding_admin/js/um/es5-shim.min.js"></script>

    <script src="/wedding_admin/js/kendo/kendo.culture.zh-CN.js"></script>
    <script src="/wedding_admin/js/kendo/kendo.messages.zh-CN.js"></script>
    <script src="/wedding_admin/js/kendo/kendo.hap.js?v=20180330"></script>
    <script src="/wedding_admin/js/um/moment.min.js"></script>
    <script src="/wedding_admin/js/um/daterangepicker.js"></script>
    <script src="/wedding_admin/js/layui/lay/dest/layui.all.js"></script>

    <script src="/wedding_admin/js/vue_table/vue.min.js"></script>
    <script src="/wedding_admin/js/vue_table/vue-validator.min.js"></script>

    <script src="/wedding_admin/js/treegrid/tree.table.js"></script>
    <script src="/wedding_admin/js/treegrid/jquery.treegrid.extension.js"></script>
    <script src="/wedding_admin/js/treegrid/jquery.treegrid.min.js"></script>
    <script src="/wedding_admin/js/ztree/jquery.ztree.all.min.js"></script>

    <link href="/wedding_admin/statics/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="/wedding_admin/statics/css/simple-line-icons.min.css" rel="stylesheet" type="text/css">
    <link href="/wedding_admin/css/ztree/css/metroStyle/metroStyle.css" rel="stylesheet" type="text/css"/>
    <link href="/wedding_admin/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
    <link href="/wedding_admin/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
    <link href="/wedding_admin/css/um/kendo.common-bootstrap.min.css" rel="stylesheet" type="text/css"/>
    <link href="/wedding_admin/css/um/kendo.bootstrap.min.css" rel="stylesheet" type="text/css"/>
    <link href="/wedding_admin/css/um/kendo.hap.css" rel="stylesheet" type="text/css"/>
    <link href="/wedding_admin/css/um/daterangepicker.css" rel="stylesheet">

</head>
<style>
    .card-wrap {
        background-color: #fff;
        margin-bottom: 16px;
        padding: 16px;
        box-shadow: 0 3px 6px 0 rgb(0 0 0 / 12%);
        border-radius: 4px;
        height: 400px;
    }

    .row {
        margin-right: -15px;
        margin-left: -15px;
    }

    .card {

        background: #fff;
        margin: 15px 0px 15px 0px;
        padding: 15px;
        border: 0px;
        border-radius: 0px;
        box-shadow: 0 3px 6px 0 rgb(0 0 0 / 12%);
    }

    .stat-widget-one {
        overflow: hidden;
    }

    .stat-widget-one .stat-icon {
        vertical-align: top;
        float: left;
    }

    .dib {
        display: inline-block;
    }

    .stat-widget-one .stat-icon i {
        font-size: 30px;
        border-width: 3px;
        border-style: solid;
        border-radius: 100px;
        padding: 15px;
        font-weight: 900;
        display: inline-block;
    }

    .border-success {
        border-color: #41c300;
    }

    .color-success {
        color: #41c300;
    }

    .stat-content {
        margin-left: 1cm;
    }

</style>
<body>
<div class="panel panel-default" id="rrapp">

    <div class="row">
        <div class="col-lg-3">
            <div class="card">
                <div class="stat-widget-one">
                    <div class="stat-icon dib"><i class="ti-money color-success border-success"></i></div>
                    <div class="stat-content dib">
                        <div class="stat-text">Total Profit</div>
                        <div class="stat-digit">1,012</div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-lg-3">
            <div class="card">
                <div class="stat-widget-one">
                    <div class="stat-icon dib"><i class="ti-user color-primary border-primary"></i></div>
                    <div class="stat-content dib">
                        <div class="stat-text">New Customer</div>
                        <div class="stat-digit">961</div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-lg-3">
            <div class="card">
                <div class="stat-widget-one">
                    <div class="stat-icon dib"><i class="ti-layout-grid2 color-pink border-pink"></i></div>
                    <div class="stat-content dib">
                        <div class="stat-text">Active Projects</div>
                        <div class="stat-digit">770</div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-lg-3">
            <div class="card">
                <div class="stat-widget-one">
                    <div class="stat-icon dib"><i class="ti-link color-danger border-danger"></i></div>
                    <div class="stat-content dib">
                        <div class="stat-text">Referral</div>
                        <div class="stat-digit">2,781</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!------------->
    <div class="col-12 cards-wrap">


        <div class="row center-xs card-items-wrap" style="">
            <!--2.6-->
            <div class="col-xl-6 col-lg-6 card-item">
                <div class="card-wrap">
                    <h4 class="title-label">
                        <span class="background">2.6</span>

                    </h4>
                    <hr>

                    <table class="table">
                        <thead>
                        <tr>
                            <th>#</th>
                            <th>First Name</th>
                            <th>Last Name</th>
                            <th>Username</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <th scope="row">1</th>
                            <td>Mark</td>
                            <td>Otto</td>
                            <td>@mdo</td>
                        </tr>
                        <tr>
                            <th scope="row">2</th>
                            <td>Jacob</td>
                            <td>Thornton</td>
                            <td>@fat</td>
                        </tr>
                        <tr>
                            <th scope="row">3</th>
                            <td>Larry</td>
                            <td>the Bird</td>
                            <td>@twitter</td>
                        </tr>
                        </tbody>
                    </table>

                    <div class="buttons-container">
                        <a href="https://rancher.com/docs/rancher/v2.6/en/">Rancher v2.6</a>
                    </div>
                </div>
            </div>
            <!--2.6-->
            <div class="col-xl-6 col-lg-6 card-item">
                <div class="card-wrap">
                    <h4 class="title-label">
                        <span class="background">2.6</span>

                    </h4>
                    <hr>

                    <table class="table">
                        <thead>
                        <tr>
                            <th>#</th>
                            <th>First Name</th>
                            <th>Last Name</th>
                            <th>Username</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <th scope="row">1</th>
                            <td>Mark</td>
                            <td>Otto</td>
                            <td>@mdo</td>
                        </tr>
                        <tr>
                            <th scope="row">2</th>
                            <td>Jacob</td>
                            <td>Thornton</td>
                            <td>@fat</td>
                        </tr>
                        <tr>
                            <th scope="row">3</th>
                            <td>Larry</td>
                            <td>the Bird</td>
                            <td>@twitter</td>
                        </tr>
                        </tbody>
                    </table>

                    <div class="buttons-container">
                        <a href="https://rancher.com/docs/rancher/v2.6/en/">Rancher v2.6</a>
                    </div>
                </div>
            </div>
            <!--2.6-->
            <div class="col-xl-6 col-lg-6 card-item">
                <div class="card-wrap">
                    <h3 class="title-label">
                        <span class="background">2.6</span>
                        Rancher 2.6
                    </h3>
                    <hr>
                    <p class="description-label">Rancher manages
                        all of your Kubernetes clusters everywhere,
                        unifies them under centralized RBAC, monitors them and lets you easily deploy and manage
                        workloads through an intuitive user interface.</p>

                    <div class="buttons-container">
                        <a href="https://rancher.com/docs/rancher/v2.6/en/">Rancher v2.6</a>
                    </div>
                </div>
            </div>
            <!--2.5-->
            <div class="  col-xl-6 col-lg-6  card-item">
                <div class="card-wrap">
                    <h3 class="title-label">
                        <span class="background">2.5</span>
                        Rancher 2.5
                    </h3>
                    <hr>
                    <p class="description-label">Rancher manages all of your Kubernetes clusters everywhere, unifies
                        them under centralized RBAC, monitors them and lets you easily deploy and manage workloads
                        through an intuitive user interface.</p>
                    <div class="buttons-container">
                        <a href="https://rancher.com/docs/rancher/v2.5/en/">Rancher v2.5</a>
                    </div>
                </div>
            </div>


        </div>
    </div>

</div>
</body>
</html>
